<div>
    <div class="table-header clearfix ng-scope">
        <span class="fl lh30 f14">年度预算管理</span>
    </div>

    <div id="grid" class="table-responsive mt10">
        <table class="table table-hover">
            <thead>
            <tr>
                <th width="50" class="text-center">序号</th>
                <th width="80">年份</th>
                <th width="750">各产品年度预算（万元）</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in Page.items">
                <td class="text-center">{{$index + 1}}</td>
                <td>
                    <p>{{item.year}}</p>
                </td>
                <td>
                    <div>
                        <div ng-repeat="prod in item.detail" class="prod">
                            {{prod.productName}}：{{prod.total}}
                        </div>
                    </div>
                </td>
                <td>
                    <a href="javascript:void(0)"
                       class="tab-text"
                       ng-if="userAuthList.indexOf('1401') !== -1"
                       ui-dialog="明源云客{{item.year}}年1-12月各产品签约预算（万元）"
                       ui-dialog-before-show="Page.setBudgetBeforeShow($dialog, $dialogScope, item, Page.canSet(item))"
                       ui-dialog-template="{{Page.setBudgetTpl}}"
                       ui-dialog-ok="Page.setBudget($data, item)">
                        {{Page.canSet(item) ? '设定' : '查看'}}预算明细
                    </a>
                </td>
            </tr>
            </tbody>
        </table>

        <div ng-hide="Page.items.length" class="no-data"><span>暂无数据</span></div>
    </div>
</div>
